{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'css/edit.css' %}" />

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客的编辑页面</title>
    
</head>
<body>
<div id="edit">
    <form id="postcontent"  action="{% url 'blog:article_edit_page_action' %}" method="post">
     <!--  防止伪造的声明 -->
     {% csrf_token %}

     <!-- 带着参数传递来以后判断一下是不是新文章 -->
     <!-- 如果存在 -->
     {% if article %}
        <!-- 使用form里面的一个隐藏域数据，携带参数，java常用方式 -->
        <input type="hidden" name="article_id_hidden" value="{{ article.id }}">
    </br>
        <label>标题
            <input type="text" id="title" name="title" value="{{ article.title }}"/>
        </label> 
        <br/>
        <br/>
         <textarea id="textarea"  name="content"rows="30" cols="50" form="postcontent">{{ article.content }}</textarea>
       
        
        <br/>

        <!-- 如果没有，那么就没有获取 -->
    {% else %}
        <input type="hidden" name="article_id_hidden" value="0">
        </br>
        <label id="content">标题:
            <input type="text" id="title" name="title" />
        </label> 
        <h5 id="title">编写内容:</h5>
         <textarea id="textarea" name="content" rows="30" cols="50" form="postcontent">{{ article.content }}</textarea>
        <br/>
    {% endif %}

    </br> 
    <!-- <input id="submit" type="submit"  value="提&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交"> -->
    <button id="button" type="submit"  onclick="return toVaild();javascript:window.history.back(-1);" form="postcontent" ">提交</button>
    <button id="button" type="button" onclick="javascript:window.history.back(-1);">返回</button>

</form>
</div>

<script language="javascript">
            function toVaild(){
                var title = document.getElementById("title").value;
                var textarea = document.getElementById("textarea").value;
                 if(title == ""){
                    alert("标题不能为空！");
                     return false;
                }
                if(textarea == ""){
                    alert("内容不能为空！");
                     return false;
                }

                else{
                    alert("提交成功");
                    return true;
                 }
             }
     </script>
</body>
</html>